<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="/css/base.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3034198_gq3vjati7sc.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3030603_wfjj3evi25s.css">
    <link rel="stylesheet" href="/css/login.css">
</head>
<body>
    <div class="sing">
    <!-- 图片 -->
        <a href="#" class="ming"></a>
    </div>

    <!-- 登录 -->
    <div class="dlzc">
        <!-- 登录注册 -->
        <div class="Ddl">
            <div class="dlxm">
                <!-- 电脑登录 -->
                <div class="dndnl">
                    <!-- 用户登录， -->
                    <div class="yhdl">
                        <h1>
                            <span class="dlDz bdk">用户登录
                                <div class="zzCtm zzDtm1 sdfg1"></div>
                            </span>
                            <span class="yhzc">用户注册
                                <div class="zzDtm zzDtm2"></div>
                            </span>
                        </h1>
                    </div>
                    <!-- 登录输入框 -->
                    <div class="drg">
                        <div>
                            <div class="xjh">
                                <input type="text" class="ipt yxdf" placeholder="请输入登录账号/邮箱">
                            </div>
                            <p class="bnwk erty"></p>
                            <div class="xjh">
                                <input type="password" id="password" class="ipt mmdf" placeholder="请输入账号密码" maxlength="20" autocomplete="off">
                                <div class="yan-jing tmy">
                                    <i class="iconfont icon-yanjing1"></i>
                                </div>
                                <div class="yan-jing tm">
                                    <i class="iconfont icon-yanjing"></i>
                                </div>
                            </div>
                            <p class="mmdls erty"></p>
                            <div class="dxk">
                                <!-- 单选框 -->
                                <div class="wzy">
                                    <input type="checkbox" checked="checked" class="auto-cbx" id="auto-signin">
                                    7天内自动登录
                                </div>
                                <p class="nani"></p>

                            </div>
                            <div class="hnb">
                                <!-- 登录按钮 -->
                                <div class="dlns yut">登录</div>
                            </div>
                        </div>

                    </div>
                    <!-- 注册输入框 -->
                    <div class="zcrg">
                        <div>
                            <div class="xjh">
                                <input type="text" class="ipt zcaer" placeholder="请输入注册账号/邮箱">
                            </div>
                            <p class="bnwk1 erty"></p>
                            <div class="xjh">
                                <input type="password" id="passworsd" class="ipt zcmmse" placeholder="请输入注册密码" maxlength="20" autocomplete="off">
                                <div class="yan-jing tmy">
                                    <i class="iconfont icon-yanjing1"></i>
                                </div>
                                <div class="yan-jing tm">
                                    <i class="iconfont icon-yanjing"></i>
                                </div>
                            </div>
                            <p class="mmdls1 erty"></p>
                            <div class="dxk">
                                <!-- 单选框 -->
                                <div class="wzy">
                                    <input type="checkbox" checked="checked" class="auto-cbx" id="auto-signin">
                                    同意
                                    <a href="#">《慕课网注册协议》</a>
                                    &
                                    <a href="#">《隐私政策》</a>
                                </div>
                                <p class="nani"></p>

                            </div>
                            <div class="hnb">
                                <!-- 登录按钮 -->
                                <div class="dlns tys">注册</div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- 二维码登录 -->
                <div class="smdl">
                    <h1 class="smzt">扫码登录</h1>
                </div>
                <div class="rwmg">
                    <div class="stm">
                        <img src="./images//ce4267bfa4741043f5efb1509a41e49.png" alt="">
                    </div>
                    <p class="jj">
                        打开
                        <a href="#" class="gsdf">慕课网App</a>
                    </p>
                    <p class="dxs">在「账号」页右上角打开扫一扫</p>
                </div>
                <!-- 微信，QQ，微博登录 -->
                <div class="wxq">
                    <div class="tbwx">
                        <a href="#" class="ayi">
                            <i class="iconfont icon-weixin icon"></i>
                        </a>
                        <i class="iconfont icon-duihuakuang"></i>
                        <a href="#" class="ayi1">
                            <i class="iconfont icon-QQ icon"></i>
                        </a>
                        <a href="#" class="ayi2">
                            <i class="iconfont icon-xinlangweibo icon"></i>
                        </a>
                    </div>
                    <div class="ljxx">
                        登录即同意慕课网
                        <a href="#" class="nmio">《隐私政策》</a>
                    </div>
                    <div class="ewm">
                        <!-- 二维码登录 -->
                    </div>
                    <div class="dndl">
                        <!-- 电脑登录 -->
                    </div>
                </div>
            </div>

        </div>

    </div> 
   
    <!-- 底部 -->
    <div class="dbsz">
        <img src="https://www.imooc.com/static/moco/v1.0/images/face/36x36/a9.png" alt="">
        2021 imooc.com All Rights Reserved  京ICP备 13046642号
    </div>
    <script src="/js/lib/jquery-3.6.0.min.js"></script> 
    <script src="/js/lib/layui/layui.all.js"></script>
    <script src="/js/BASE_API.js"></script>
    <script src="/js/login.js"></script>
</body>
</html>